<template>
  <view class="video" :style="{
                padding:properties.setStyle.pageMargin+'px',
                'width':'100%'
              }">
    <video
        :src="properties.setStyle.src"
        controls
        :autoplay="properties.setStyle.autoplay"
        :poster="properties.setStyle.coverUrl"
        width="100%"
    ></video>

  </view>
</template>
<script>
// 分割线
export default {
  name: "Video",
  props: {
    properties: {
      type: Object,
      default: function () {
        return {
          "setStyle": {
            "src": 'https://minio.thisforyou.cn:1443/imgfile/video/1482_1727053428(%E5%8E%9F%E8%A7%86%E9%A2%91).mp4',
            "coverUrl": '',
            "autoplay": false,
            "pageMargin": 10,
          }
        }
      }
    },
    methods: {},
    onShow() {
      console.log("---", this.properties)
    }
  }
}
</script>

<style scoped lang="scss">

</style>
